<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Title</title>

    <link rel="stylesheet" href="/style/reset.css" />
    <link rel="stylesheet/less" href="/style/app.less" />
    <link rel="stylesheet/less" href="/style/login.less" />
    <!-- <link rel="stylesheet/less" href="/style/tools.less"> -->

    <!-- swiper的引入 -->
    <link rel="stylesheet" href="/node_modules/swiper/swiper-bundle.css" />
  </head>

  <body>
    <header>
      <div class="top_nav">
        <div class="container clearfix">
          <ul class="left_nav left">
            <li><a href="">你好欢迎来到菜市场！</a></li>
            <li class="login" data-type="login">
              <a href="" data-type="login">请登录</a>
            </li>
            <li class="register">
              <a data-type="register" href="">免费注册</a>
            </li>
          </ul>
          <ul class="right_nav right">
            <li><a href="">购物车</a></li>
            <li>
              <a href="">服务热线:<span>8004001234</span></a>
            </li>
          </ul>
        </div>
      </div>

      <!-- 头部搜索部分 -->
      <div class="top_search_container">
        <div class="container clearfix">
          <!-- logo -->
          <a href="" class="left_icon left">
            <img src="/res/images/logo.png" alt="logo" />
          </a>
          <!-- 搜索 -->
          <div class="search_container left">
            <input type="search" />
            <button>搜索</button>
          </div>
        </div>
      </div>
      <nav class="top_sub_nav_container"></nav>
      <!-- <nav class="top_banner_container">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <ul class="left_type">
                    <li><a href=""></a>
                        <ul class="right_type">
                            <li><a href=""></a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </nav> -->
    </header>

    <div class="main"></div>
    <footer></footer>
    <script src="/node_modules/jquery/dist/jquery.js"></script>
    <script src="/node_modules/less/dist/less.min.js"></script>
    <script src="/node_modules/swiper/swiper-bundle.js"></script>
    <script src="/js/app.js"></script>
    <script src="/js/login.js"></script>
  </body>
</html>
